// pages/index4/index4.js
Page({

    /**
     * 页面的初始数据
     */
    data: {
        inputStr: 'aaa',
        list: ['西瓜', '苹果'],
        timer: null
    },

    inputHandler(e) {
        if (this.data.timer) {
            return 
        }
        // 执行逻辑
        this.setData({inputStr: e.detail.value})
        // 定一个延时器, 在延时器存在过程中, 都不可以再次执行
        const timer = setTimeout(() => {
            this.setData({timer: null})
        }, 500);
        this.setData({timer})
    },
    tapHandler() {
        // 每当确定被点击, 就要将输入框里面的数据放入数组中
        const {inputStr, list} = this.data
        if (list.indexOf(inputStr) === -1) {
            // 只有是新的数据才会追加
            list.push(inputStr)
            this.setData({inputStr: ''})
        }
        // 请注意设置值必须用 setData
        this.setData({ list })

        // 如果不解构的写法如下
        // this.data.list.push(this.data.inputStr)
        // this.setData({
        //     list: this.data.list
        // })
    },
    delHandler(e){
        console.log(e);
        const index = e.target.dataset.index
        const {list} = this.data
        list.splice(index, 1)
        // 上面处理完数据, 使用 setData 设置数据
        this.setData({list})
    }
})